@import "./gaps.less";
@import "./colors.less";

body {
  background: @page-background;
}

.tws-card {
  .ant-card-head {
    background: @gray;
  }

  &--primary {
    .ant-card-head {
      background: @primary-1;
    }
  }
}

.header-button {
  margin-top: 20px;
}

.main-wrapper {
  border-radius: 4px;
  padding: 24px 0 0;
  margin: 0 48px 24px;
  background: @white;
}

.App-logo {
  height: 60px;

}


.logo {
  float: left;
}

.App-title {
  font-size: 1.5em;
}

.App-intro {
  font-size: large;
}

.comment-title-icon {
  float: right;
	margin: 5px
}
.ant-divider-dashed{
  border-top: 2px dashed #e8e8e8!important
}
.comment-title-icon-group {
	font-size: 15px;
	cursor: pointer;
}

.comment-title-icon-group:hover {
	color: #0086b3;
}
.introduction-margin{
  width: 100%;
  margin-top: 10px;
}
.video-player{
  margin-bottom: 20px;
}
.serial-player{
  height: auto;
  margin-bottom: 20px;
  max-width: 100%;
}
.serial-player img{
  width: 100%;
  height: 100%;
}
.cover-image{
  max-height: 150px;
  transform:scale(1,1);
  transition: all 1s ease-out;
}
.cover-image:hover{transform:scale(1.2,1.2);}
.ant-page-header{
  padding: 10px 20px!important;
}